<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>仿写 - 苹果风格的轮播</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <header>
        <h1>
            Apple-like Gallery
            <br>
            <b>Slideshow</b>
        </h1>
        <h2>View <a href="http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html">source »</a></h2>
    </header>
    <div class="gallery">
        <div class="slide">
            <img src="./images/1.jpg" alt="图片1" width="920" height="400">
            <img src="./images/2.jpg" alt="图片2" width="920" height="400">
            <img src="./images/3.jpg" alt="图片3" width="920" height="400">
            <img src="./images/4.jpg" alt="图片4" width="920" height="400">
        </div>
    </div>
    <div class="button-wrapper">
        <button><a class="active"><img src="./images/thumb_1.png" alt"缩略图" width="32" height="32"></img></a></button>
        <button><a><img src="./images/thumb_2.png" alt"缩略图" width="32" height="32"></img></a></button>
        <button><a><img src="./images/thumb_3.png" alt"缩略图" width="32" height="32"></img></a></button>
        <button><a><img src="./images/thumb_4.png" alt"缩略图" width="32" height="32"></img></a></button>
    </div>

    <script src="./scripts/jquery-3.3.1.min.js"></script>
    <script src="./scripts/script.js"></script>
</body>
</html>